* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

li {
	list-style: none;
}

@font-face {
	font-family: electronicFont;
	src: url(../font/DS-DIGIT.TTF);
}

body {
	font-family: "Noto Sans SC", Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	/*  背景图定位 / 背景图尺寸  cover 完全铺满容器  contain 完整显示在容器内 */
	background: url(../images/bg.jpg) no-repeat #000;
	background-size: cover;
	/* 行高是字体1.15倍 */
	line-height: 1.15;
}

header {
	position: relative;
	height:100px;
	background: url(../images/texttitle.jpg) no-repeat top center;
	background-size: 100% 100%;
}

header h1 {
	font-size: 38px;
	color: #fff;
	text-align: center;
	line-height: 80px;
}

header .showTime {
	position: absolute;
	top: 24px;
	right: 60px;
	line-height: 80px;
	font-size:16px;
	color: rgba(255, 255, 255, 0.7);
}

.mainbox {
	min-width: 1024px;
	max-width: 1920px;
	padding: 10px 10px 0;
	display: flex;
}

.mainbox .column {
	flex: 3;
}

.mainbox .column:nth-child(2) {
	flex: 5;
	margin: 0 10px 0 15px;
	overflow: hidden;
}

.panel {
	position: relative;
	height: 270px;
	border: 1px solid rgba(25, 186, 139, 0.17);
	background: rgba(255, 255, 255, 0.04) url(../images/line\(1\).png);
	padding: 0 15px 0 40px;
	margin-bottom: 15px;
}

.panel::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #02a6b5;
	border-left: 2px solid #02a6b5;
}

.panel::after {
	position: absolute;
	top: 0;
	right: 0;
	content: "";
	width: 10px;
	height: 10px;
	border-top: 2px solid #02a6b5;
	border-right: 2px solid #02a6b5;
}

.panel .panel-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.panel .panel-footer::before {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #02a6b5;
	border-left: 2px solid #02a6b5;
}

.panel .panel-footer::after {
	position: absolute;
	bottom: 0;
	right: 0;
	content: "";
	width: 10px;
	height: 10px;
	border-bottom: 2px solid #02a6b5;
	border-right: 2px solid #02a6b5;
}

.panel h2 {
	height:48px;
	line-height:48px;
	text-align: center;
	color: #abceff;
	font-size:20px;
	font-weight: 600;

	background-image: -webkit-linear-gradient(bottom, #abceff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}


.panel h2 a {
	margin: 0px 15px;
	color: #fff;
	text-decoration: underline;
}

.panel .chart {
	height: 240px
}

.no {
	background: rgba(101, 132, 226, 0.1);
	padding: 15px;
}

.no .no-hd {
	position: relative;
	border: 1px solid rgba(25, 186, 139, 0.17);
}

.no .no-hd::before {
	content: "";
	position: absolute;
	width: 30px;
	height: 10px;
	border-top: 2px solid #02a6b5;
	border-left: 2px solid #02a6b5;
	top: 0;
	left: 0;
}

.no .no-hd::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 10px;
	border-bottom: 2px solid #02a6b5;
	border-right: 2px solid #02a6b5;
	right: 0;
	bottom: 0;
}

.no .no-hd ul {
	display: flex;
}

.no .no-hd ul li {
	position: relative;
	flex: 1;
	text-align: center;
	height: 80px;
	line-height: 80px;
	font-size: 60px;
	padding: 4px 0;
	font-family: electronicFont;
	font-weight: bold;
}



.qtL:after {
	content: "";
	position: absolute;
	height: 50%;
	width: 1px;
	background: rgba(255, 255, 255, 0.2);
	right: 0;
	top: 25%;
}

.no .no-bd ul {
	display: flex;
}

.no .no-bd ul li {
	flex: 1;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: rgba(255, 255, 255, 0.7);
	padding-top: 10px;
}

.map {
	position: relative;
	height: 110px;
}

.map .chart {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	height: 110px;
	width: 100%;
}

.map .map1,
.map .map2,
.map .map3 {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 518px;
	height: 518px;
	background: url(../images/map.png) no-repeat;
	background-size: 100% 100%;
	opacity: 0.3;
}

.map .map2 {
	width: 643px;
	height: 643px;
	background-image: url(../images/lbx.png);
	opacity: 0.6;
	animation: rotate 15s linear infinite;
	z-index: 2;
}

.map .map3 {
	width: 566px;
	height: 566px;
	background-image: url(../images/jt.png);
	animation: rotate1 10s linear infinite;
}

@keyframes rotate {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotate(360deg);
	}
}

@keyframes rotate1 {
	from {
		transform: translate(-50%, -50%) rotate(0deg);
	}

	to {
		transform: translate(-50%, -50%) rotate(-360deg);
	}
}

@media screen and (max-width: 1024px) {
	html {
		font-size: 42px !important;
	}
}

@media screen and (min-width: 1920) {
	html {
		font-size: 80px !important;
	}
}


#huoyue .hybiao {
	min-height: 3.80px;
	font-size: 16px;
}

#huoyue .hybiao_bi ul {
	display: -webkit-flex;
	flex-wrap: wrap;
	width: 100%;
}

#huoyue .hybiao ul li.div3 {
	width: 60%;
	text-align: center;
	margin-bottom: 0.80px;
}

#huoyue .hybiao ul li.div4 {
	width: 40%;
	text-align: center;
	margin-bottom: 0.80px;
}


#xny .liebiao {
	min-height: 3.80px;
	font-size: 16px;
}

/*左边底部*/
#xny .liebiao_bi ul {
	display: -webkit-flex;
	flex-wrap: wrap;
	width: 100%;
}

#xny .liebiao ul li {
	width: 50%;
	text-align: left;
	margin-bottom: 0.80px;
}

#xny .liebiao .xny_title_p1 {
	font-size: 16px;
	color: #0abbdd;
	height: 25px;
	text-align: center;
	font-weight: 600;
}

#xny .liebiao .xny_title_p2 {
	font-size: 15px;
	color: #0abbdd;
	height: 25px;
	margin-top: 10px;
}

#xny .liebiao .xny_list_p1 {
	font-size: 12px;
	color: #0aa3c6;
	height: 25px;
	line-height: 0.3rem;
}

#xny .liebiao .xny_list_p2 {
	font-size: 12px;
	color: #068b75;
	height: 25px;
	line-height: 0.3rem;
}

#xny .liebiao .xny_title_p3 {
	font-size: 16px;
	color: #0af8b6;
	height: 25px;
	text-align: center;
	font-weight: 600;
}

#xny .liebiao .xny_title_p4 {
	font-size: 16px;
	color: #0af8b6;
	height: 25px;
	margin-top: 10px;
}


#xny .liebiao .xny_span_1 {
	display: block;
	width: 49.5%;
	text-align: center;
	float: left;
}

#xny .liebiao .xny_span_2 {}

#xny .liebiao .xny_title_line {
	width: 80%;
	height: 1.5px;
	background-color: #0abbdd;
	opacity: 0.7;
}

#xny .liebiao .xny_title_line2 {
	width: 80%;
	height: 1.5px;
	background-color: #068b75;
	opacity: 0.7;
}



#sstj .biaoge {
	min-height: 200px;
	font-size: 16px;
}

/*左边底部*/
#sstj .biaoge_bi ul {
	display: -webkit-flex;
	flex-wrap: wrap;
	width: 100%;
}

#sstj .biaoge_bi ul li {
	width: 33.3%;
	text-align: left;
	margin-bottom: 0.80px;
}


#sstj .biaoge_bi ul li.width_1 {
	width: 20%;
}

#sstj .biaoge_bi ul li.width_2 {
	width: 50%;
}

#sstj .biaoge_bi ul li.width_3 {
	width: 30%;
}


#sstj .biaoge_bi ul li .lidiv {
	height: 95px;
}

#sstj .biaoge_bi .lidiv .p1 {
	font-size: 15px;
	height: 25px;
}

#sstj .biaoge_bi .lidiv .p2 {
	font-size: 20px;
	height: 25px;
	font-weight: 600;
}

#sstj .biaoge_bi .lidiv .p4 {
	font-size: 16px;
	color: #01feb0;
	height: 24px;
}

#sstj .biaoge_bi .lidiv .p5 {
	width: 90%;
	height: 24px;
	border-radius: 15px;
	font-weight: 600;
	color: #01feb0;
}

#sstj .biaoge_bi .lidiv .p3 {
	width: 90%;
	height: 20px;
	border-radius:15px;
	background-image: linear-gradient(to right, #0a1947, #09defe);
}

#sstj .biaoge_bi .lidiv .zi2 {
	font-size: 20px;
	text-align: right;
	font-weight: 500;
	padding-right: 19px

}

#sstj .biaoge_bi ul li .shu {
	font-size: 32px;
	color: rgba(14, 253, 255, 1);
	font-family: dig;
	padding:10px 0 16px 0;
	font-weight: normal;
}

#sstj .biaoge_bi ul li .zi {
	font-size: 16px;
	color: #fff;
}



.gun {
	/* width: 100%;*/
	margin-top: 16px
}

.gun span {
	display: block;
	float: left;
	height: 16px;
	/*background: red;*/
	/*margin: 15px 10px 10px 10px;*/
	/*padding: 20px;*/
	text-align: left;
	font-size: 14px;
	font-weight: 600;
	color: #61d2f7;
	margin-bottom: 8px;
	text-indent: 8px;

}

.FontScroll {
	width: 100%;
	height: 184px;
	overflow: hidden;
	/*float: left;*/
	margin-top: 8px;
	/*margin: 0 5%;*/
	/*margin-left: 50px;*/

	/*background: gold;*/

}

.FontScroll ul li {
	height: 25.6px;
	width: 100%;
	color: #ffffff;
	text-align: left;
	line-height: 25.6px;
	/*border-bottom: 1px dashed #404040;*/
	/*width:33.3%;*/
	overflow: hidden;
	font-size: 14px;
	/*border-bottom: 1px dashed #404040;*/
	/*width:33.3%;*/
	padding-left: 5px;


	/*background: red;
    margin: 0 2%;*/

}

.FontScroll ul li:nth-child(1) {
	/*background-color: #072951;*/
	box-shadow: -10px 0px 15px #034c6a inset,
		/*左边阴影*/
		10px 0px 15px #034c6a inset;

}

.FontScroll ul li:hover {
	box-shadow: -10px 0px 15px #034c6a inset,
		/*左边阴影*/
		10px 0px 15px #034c6a inset;
	cursor: pointer;
}

.fontInner span {
	display: inline-block;
	/*float: left;*/
	/*height: 20px;*/
	color: #ffffff;
	/*background: red;*/
	text-align: left;


}



.fontInner span b {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 2.4px;
	color: #ffffff;
	line-height: 16px;
}

/*.FontScroll ul li:nth-child(1) .fontInner span b{
    background: #EB6841

}*/

.FontScroll ul li:nth-child(8n-4) .fontInner span b {
	background: #20a8fe
}

.FontScroll ul li:nth-child(8n-3) .fontInner span b {
	background: #EB6841
}

.FontScroll ul li:nth-child(8n-2) .fontInner span b {
	background: #3FB8AF
}

.FontScroll ul li:nth-child(8n-1) .fontInner span b {
	background: #FE4365
}

.FontScroll ul li:nth-child(8n-5) .fontInner span b {
	background: #FC9D9A
}

.FontScroll ul li:nth-child(8n-6) .fontInner span b {
	background: #EDC951
}

.FontScroll ul li:nth-child(8n-7) .fontInner span b {
	background: #C8C8A9
}

.FontScroll ul li:nth-child(8n) .fontInner span b {
	background: #83AF9B
}

.FontScroll ul li:first-child .fontInner span b {
	background: #036564
}

.FontScroll ul li:last-child .fontInner span b {
	background: #3299BB
}




.panel>.data-title {
	width: 100%;
	height:48px;
	padding: 10px 0 10px 0;
	box-sizing: border-box;
}

.panel>.data-title>.title-center {
	width: 200px;
	height:48px;
	box-sizing: border-box;


}

.panel>.data-title>.title-left {
	width: calc(50% - 100px);
	height: 4px;
	background: url("../images/left_line.png") no-repeat;
	margin-top: 18px;
	background-size: 100% 100%;
}

.panel>.data-title>.title-right {
	width: calc(50% - 100px);
	height: 4px;
	background: url("../images/right_line.png") no-repeat;
	margin-top: 18px;
	background-size: 100% 100%;
}

.china_div {
	z-index: 900;
	position: absolute;
	top: 60px;
	width: 100px;
	right: 16px;
	height: 1.80px;
	background: rgba(97, 116, 168, 0.2);
}

.china_div2 {
	z-index: 900;
	position: absolute;
	top: 2.0rem;
	width: 100px;
	right: 16px;
	height: 1.80px;
	background: rgba(97, 116, 168, 0.2);
}



.china_div3 {
	z-index: 900;
	position: absolute;
	top: 0.55rem;
	width: 100px;
	right: 16px;
	height: 1.0rem;
	background: rgba(97, 116, 168, 0.2);
}

.china_div3 .div_p1 {
	font-size: 16px;
	height: 16px;
	line-height: 16px;
	font-weight: 600;
	text-align: center;
	padding: 5px
}


.china_div3 .div_p2 {
	font-size: 12px;
	color: #fff;
	height: 16px;
	line-height: 16px;
	text-align: center;
	padding: 5px;
}


.china_div .div_p1 {
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	font-weight: 600;
	text-align: center;
	padding: 5px;
}

.china_div .div_p2 {
	font-size:10px;;
	color: #fff;
	height: 16px;
	line-height: 16px;
	text-align: center;
	padding: 5px;
}

.china_div2 .div_p3 {
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	font-weight: 600;
	text-align: center;
	padding: 5px;
}

.china_div2 .div_p4 {
	font-size:10px;;
	color: #fff;
	height: 16px;
	line-height: 16px;
	text-align: center;
	padding: 5px;
}
.hy_01{z-index: 900;color: #FFFFFF;position: absolute;top:220px;width:100px;left: 110px;}
.hy_02{z-index: 900;color: #FFFFFF;position: absolute;top:220px;width:124px;left: 344px;font-size: 14px;}
